import path from 'path'
import {defineConfig} from 'vite'
import vue from '@vitejs/plugin-vue'
import {createSvgIconsPlugin} from "vite-plugin-svg-icons";
import {viteMockServe} from "vite-plugin-mock";

// https://vite.dev/config/
export default defineConfig(({command}) => {
    return {
        plugins: [
            vue(),
            // 安装svg依赖插件
            createSvgIconsPlugin({
                // svg图标放置在icons目录下
                iconDirs: [path.resolve(process.cwd(), 'src/assets/icons')],
                // 使用格式：icon-[文件名]
                symbolId: 'icon-[dir]-[name]',
            }),
            viteMockServe({
                enable: command === 'serve',
            }),
        ],
        resolve: {
            // 配置src的路径别名
            alias: {
                "@": path.resolve("./src") // 相对路径别名配置，使用 @ 代替 src
            }
        },
        css: {
            preprocessorOptions: {
                // 配置 scss的预处理器
                scss: {
                    additionalData: '@use "@/styles/global.scss" as *;'
                }
            }
        }
    }
})
